<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">

<head>
    <meta charset="UTF-8">
    <title>字体样式</title>
    <style>
        h2 {
            /*            font-size: 20px; !*字体大小*!
                        font-family: 楷体;
                        color: #ff9f62;
                        font-weight: normal; !*让粗体变得不不加粗*!
                        font-weight: 700; !*粗体加粗效果   最大数值为900*!
                        font-style: italic; !*斜体  <em></em>   <i>也可以*!
                        font-style: normal;*/
            font: italic bold 14px 微软雅黑;
            /*语法规范：有顺序--font-style font-weight font-size/line-height font-family*/
        }

        a {
            font-weight: 700;
            font-size: 16px;
            color: #999999;
        }

        a:hover {
            color: #ff7164;
        }

        li:first-child {
            /*选择第几个孩子*/
            color: #77ff45;
        }

        li:last-child {
            color: #eccb75;
        }

        li:nth-child(3) {
            /*选择第几个孩子*/
            color: #90beec;
        }

        li:nth-child(even) {
            /*选择所有偶数的标签*/
            color: #90beec;
        }

        /*li:nth-child(odd) { !*选择所有奇数的标签*!*/
        /*color: #90beec;*/
        /*}*/
        /*li:nth-child(n) { !*选择所有的标签*!*/
        /*color: #90beec;*/
        /*}*/
        li:nth-last-child(even) {
            /*从最后一个开始数*/
            color: #90beec;
        }

        :target {
            color: #ff7164;
        }

        p {
            line-height: 25px;
            /*行间距*/
            text-indent: 2em;
            /*首行缩进*/
            font-family: "微软雅黑 Light";
        }

        h1 {
            text-align: center;
            /*居中*/
        }

        .字间距 {
            letter-spacing: 2px;
            /*字间距*/
        }

        .词间距 {
            word-spacing: 5px;
            /*词间距对中文无效*/
        }

        .文字半透明 {
            color: rgba(10%, 20%, 30%, 0.5);
        }

        .文字阴影 {
            font-size: 100px;
            text-shadow: 5px 11px 3px rgba(0, 0, 0, 0.5);
            /*text-shadow: 水平位置  垂直位置 模糊距离  阴影颜色;*/
        }
    </style>
</head>
<hr>
<h2>字体</h2>
<!--标题标签-->
<p>段落</p>
<!--段落标签-->
<a href="#">秒杀</a>
<ul>
    <li>第1个</li>
    <li>第2个</li>
    <li>第3个</li>
    <li>第4个</li>
    <li>第5个</li>
    <li>第6个</li>
    <li>第7个</li>
    <li>第8个</li>
    <li>第9个</li>
    <li>第0个</li>
</ul>
<a href="#mubiao">目标</a><br>
<a href="#weilei">伪类</a><br>
<a href="#xuanzeqi">选择器</a><br>
<h3 id="mubiao">目标</h3>
<hr>
<h3 id="weilei">目标</h3>
<hr>
<h3 id="xuanzeqi">目标</h3>
<hr>
<h1>html简介</h1>
<p>标准通用标记语言下的一个应用HTML标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁，为了推动Web标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext
    Application Technology Working Group （Web超文本应用技术工作组 -WHATWG） 的组织。WHATWG 致力于 Web 表单和应用程序，而W3C（World Wide Web
    Consortium，万维网联盟） 专注于XHTML2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。
    HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。
</p>HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。
2012年12月17日，万维网联盟（W3C）正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称：“HTML5是开放的Web网络平台的奠基石。”
2013年5月6日， HTML 5.1正式草案公布。该规范定义了第五次重大版本，第一次要修订万维网的核心语言：超文本标记语言（HTML）。在这个版本中，新功能不断推出，以帮助Web应用程序的作者，努力提高新元素互操作性。
本次草案的发布，从2012年12月27日至今，进行了多达近百项的修改，包括HTML和XHTML的标签，相关的API、Canvas等，同时HTML5的图像img标签及svg也进行了改进，性能得到进一步提升。
支持Html5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等；国内的傲游浏览器（Maxthon），以及基于IE或Chromium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。
在移动设备开发HTML5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎。
JavaScript引擎的构建方法让制作手机网页游戏成为可能。由于界面层很复杂，已预订了一个UI工具包去使用。
纯HTML5手机应用运行缓慢并错漏百出，但优化后的效果会好转。尽管不是很多人愿意去做这样的优化，但依然可以去尝试。
HTML5手机应用的最大优势就是可以在网页上直接调试和修改。
原先应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果，不断地重复编码、调试和运行，这是首先得解决的一个问题。因此也有许多手机杂志客户端是基于HTML5标准，开发人员可以轻松调试修改。
2014年10月29日，万维网联盟泪流满面地宣布，经过几乎8年的艰辛努力，HTML5标准规范终于最终制定完成了，并已公开发布。
在此之前的几年时间里，已经有很多开发者陆续使用了HTML5的部分技术，Firefox、Google Chrome、Opera、Safari 4+、Internet Explorer 9+都已支持HTML5，但直到今天，我们才看到“正式版”。
HTML5将会取代1999年制定的HTML 4.01、XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求，为桌面和移动平台带来无缝衔接的丰富内容。
W3C CEO Jeff
Jaffe博士表示：“HTML5将推动Web进入新的时代。不久以前，Web还只是上网看一些基础文档，而如今，Web是一个极大丰富的平台。我们已经进入一个稳定阶段，每个人都可以按照标准行事，并且可用于所有浏览器。如果我们不能携起手来，就不会有统一的Web。”
HTML5还有望成为梦想中的“开放Web平台”(Open Web Platform)的基石，如能实现可进一步推动更深入的跨平台Web应用。
接下来，W3C将致力于开发用于实时通信、电子支付、应用开发等方面的标准规范，还会创建一系列的隐私、安全防护措施。
W3C还曾在2012年透露说，计划在2016年底前发布HTML 5.1。
设计目的
HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括：
<div class="字间距">· 新的解析规则增强了灵活性
    · 新属性
    · 淘汰过时的或冗余的属性
    · 一个HTML5文档到另一个文档间的拖放功能
    · 离线编辑
    · 信息传递的增强
    · 详细的解析规则
</div>
· 多用途互联网邮件扩展（MIME）和协议处理程序注册
· 在SQL数据库中存储数据的通用标准（
<div class="词间距">Web SQL</div>
）
HTML5在2007年被万维网联盟(W3C)新的工作组采用。这个工作组在2008年1月发布了HTML 5的首个公开草案。
眼下，HTML5处于“呼吁审查”状态，W3C预期它将在2014年年底达到其最终状态。
<hr>
<br><br><br>
<h1 class="文字半透明">文字半透明</h1>
<h1 class="文字阴影">文字阴影</h1>
</body>

</html>